import React from 'react'
import styles from './footer.module.scss'
import { homeRouter } from '../../router/Index'
import { Badge, TabBar } from 'antd-mobile'
import { Outlet,useNavigate,useLocation } from 'react-router-dom'
import AIIcon from '../aiicon/AIIcon'
const Footer = () => {
    const nav=useNavigate()
    const location = useLocation()
  return (
    <div className={styles.footerbox}>
      <TabBar onChange={(key)=>nav(key)} 
      activeKey={location.pathname}
      >
          {homeRouter.map(item => (
            <TabBar.Item key={item.path} icon={item.icon} title={item.title} />
          ))}
        </TabBar>
    </div>
  )
}

export default Footer
